/*!
 * Copyright 2019 Hitachi Vantara. All rights reserved.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

/* FOLDER */
folder .folder {
  line-height: 18px;
  padding: 5px 0;
  cursor: pointer;
  white-space: nowrap;
  width: auto;
}

folder .folder.recents {
  margin-top: 5px;
  margin-bottom: 5px;
}

folder .folder.public {
  margin-top: 5px;
}

folder .folder.selected {
  background-color: #005DA6;
  color: #FFF;
}

folder.dark .folder.selected {
	background-color: #0F2B5B;
}

folder .folder .folderArrowWrapper,
folder .folder .folderArrow,
folder .folder .folderImage,
folder .folder .folderName {
  display: inline-block;
  vertical-align: top;
}

/* FOLDER ARROWS (expand/collapse) states */
folder .folder .folderArrowWrapper {
  height: 20px;
  width: 12px;
  margin-left: 10px;
  float: left;
}

folder .folder .folderArrow {
  background: url("../../img/chevron_right_tree.svg") no-repeat left center;
  height: 20px;
  width: 6px;
  float: right;
}

folder .folder.selected .folderArrow {
  background: url("../../img/chevron_right_tree.svg") no-repeat right center;
}

folder .folder.opened .folderArrow {
  background: url("../../img/chevron_down_tree.svg") no-repeat left center;
  height: 20px;
  width: 10px;
}

folder .folder.opened.selected .folderArrow {
  background-position: right center;
}

folder .folder.empty .folderArrow {
  background: none;
}

/* FOLDER image states */
folder .folder .folderImage {
  background: url("../../img/file_icons/folder.svg") no-repeat left center;
  height: 20px;
  width: 16px;
  margin-left: 10px;
  float: left;
}

folder .folder .folderImage.loading {
  background: url("../../img/busy_thin.gif") no-repeat left center !important;
  background-size: 16px !important;
  background-position: center center !important;
}

folder .folder.selected .folderImage.loading {
  background: url("../../img/busy_thin_white.gif") no-repeat left center !important;
  background-size: 16px !important;
  background-position: center center !important;
}

folder .folder.recents .folderImage {
  background: url("../../img/recents.svg") no-repeat left center;
}

folder .folder.local .folderImage {
  background: url("../../img/local.svg") no-repeat left center;
  width: 11px;
  height: 16px;
  margin-top: 2px;
}

folder .folder.repository .folderImage {
  background: url("../../img/repository.svg") no-repeat left center;
  margin-top: 2px;
  width: 20px;
  height: 16px;
}

folder .folder.environments .folderImage {
  margin-top: 3px;
  background: url("../../img/vfs.svg") no-repeat left center;
  width: 16px;
  height: 14px;
}

folder .folder.home .folderName,
folder .folder.public .folderName {
  text-transform: capitalize;
}

folder .folder.home .folderImage {
  background: url("../../img/home.svg") no-repeat left center;
  background-size: 32px;
}

folder .folder.public .folderImage {
  background: url("../../img/public.svg") no-repeat left center;
  background-size: 32px;
}

folder .folder.selected .folderImage {
  background-position: right center;
}

folder .folder .folderName {
  height: 20px;
  line-height: 20px;
  margin-left: 10px;
}
